<template>
  <router-view/>
</template>

<style>
body,html{
  margin: 0;
  padding: 0;
}/* 意思是将body和html的margin和padding都设置为0，这样可以让页面的整体布局更加美观。 */
/* flex布局类名 */
.flex-flaot{
  display: flex;
  justify-content: space-between;/* justify-content属性定义了项目在主轴（横轴）方向上的对齐方式,space-between表示两端对齐 */
  align-items: center;/* align-items属性定义了项目在交叉轴（纵轴）方向上的对齐方式,center表示项目在交叉轴上居中 */
}
.flex{
  display: flex;/* display: flex;display属性定义了元素应该如何显示,felx表示元素将成为一个块级元素并参与布局 */
  align-items: center;
}
.page_content{
  box-sizing: border-box;/* box-sizing属性定义了元素的盒模型,border-box表示内容和内边距包含在盒子中 */
  display: block;/* display: block;display属性定义了元素应该如何显示,block表示元素将成为一个块级元素 */
  width: 100%;
  padding: 20px;/* padding属性定义了元素的内边距 */
  background: #fff;
  margin-top: 30px;/* margin-top属性定义了元素的上外边距 */
}


</style>
